body {
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
}
// 头部banner区
#header {
	width: 100%;
	height: 25%;
	margin-bottom: 15px;
	// 轮播图
	.swiper {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.swiper {
		margin-left: auto;
		margin-right: auto;
	}
}
// 主体内容
main {
	box-sizing: border-box;
	padding: 0px 15px;
	flex-grow: 1;
	overflow-y: auto;

	section {
		margin-bottom: 15px;
	}
	// 排名与打卡区
	#rc {
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 120px;
		// 排名区
		.ranking {
			box-sizing: border-box;
			padding: 10px;
			width: 40%;
			height: 100%;
			background-color: #54afda;
			border-radius: 25px;
			// 小标题
			.title1 {
				color: #004e73;
				font-weight: bold;
			}
			// 奖杯图标
			.icon-jiangbei {
				font-size: 70px;
				color: #88c7e5;
			}
			// 排的名次
			.rankNum {
				font-size: 17px;
				font-weight: bold;
				color: #fff;
			}
		}
		// 打卡区
		.clockIn {
			box-sizing: border-box;
			padding: 5px;
			width: 51%;
			height: 100%;
			background-color: #9fd9f8;
			font-size: 0;
			border-radius: 25px;
			// 小图标
			.title2 {
				font-size: 16px;
				color: #004e73;
				font-weight: bold;
			}
			// 打卡图标
			.icon-a-rilidaka {
				font-size: 90px;
				color: #dff2fd;
			}
			// 打卡按钮
			.begin {
				padding: 5px;
				font-size: 14px;
				font-weight: bold;
				color: #005177;
				background-color: transparent;
				border: 2px solid #005177;
				border-radius: 25px;
				vertical-align: 10px;
			}
		}
	}
	// 运动数据与运动徽章区
	#db {
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 113px;
		// 运动数据区
		.data {
			box-sizing: border-box;
			padding: 10px;
			width: 47%;
			height: 100%;
			background-color: crimson;
			background: url(../../assets/images/4.jpg) no-repeat;
			background-size: 100% 100%;
			border-radius: 25px;
			// 小标题
			.title3 {
				color: #fff;
			}
		}
		// 运动徽章区
		.badge {
			box-sizing: border-box;
			padding: 10px;
			width: 49%;
			height: 100%;
			background-color: #9dbde3;
			border-radius: 25px;
			// 小标题
			.title4 {
				color: #1e5b81;
				font-weight: bold;
			}
			// 徽章图标
			.icon-badge {
				font-size: 90px;
				color: #d6e3f3;
			}
			// 徽章数
			.badgeNum {
				font-size: 50px;
				font-weight: bold;
				color: #004e73;
				vertical-align: 10px;
			}
			// 单位
			.units {
				vertical-align: 10px;
			}
		}
	}
	// 训练课程区
	#course {
		box-sizing: border-box;
		padding: 10px;
		width: 100%;
		height: 100px;
		background-color: orange;
		background: url(../../assets/images/5.jpg) no-repeat;
		background-position: -300px -64px;
		border-radius: 15px;
		p {
			color: #fff;
			font-weight: bold;
			letter-spacing: 5px;
		}
	}
	// 户外跑步区
	#outdoorSport {
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 0;
		width: 100%;
		height: 100px;
		background-color: coral;
		background: url(../../assets/images/6.jpg) no-repeat;
		background-position: 0 -104px;
		border-radius: 15px;
		p {
			color: #fff;
			font-weight: bold;
			letter-spacing: 5px;
		}
	}
}
// 底部导航栏区
